<template>
	<view>
		<swiper class="swiper" :autoplay="true" :interval="3000" :duration="2000" :circular="true" :vertical="true">
			<swiper-item>
				<view>Aaaaaa</view>
			</swiper-item>
			<swiper-item>
				<view >Bbbbbbbbbbbb</view>
			</swiper-item>
			<swiper-item>
				<view >Cccccccccc</view>
			</swiper-item>
		</swiper>
	</view>
</template>

<script>
export default {
	name: 'uni_swiper',
	data() {
		return {
			indicatorDots: true,
			autoplay: true,
			interval: 2000,
			duration: 500
		}
	},
	methods: {
		changeIndicatorDots(e) {
			this.indicatorDots = !this.indicatorDots
		},
		changeAutoplay(e) {
			this.autoplay = !this.autoplay
		},
		intervalChange(e) {
			this.interval = e.target.value
		},
		durationChange(e) {
			this.duration = e.target.value
		}
	}
}
</script>

<style scoped>
	.swiper{
		height: 50px;
	}

</style>
